<script type="text/javascript">

$(document).ready(function(){

	$('form').validate({
	    rules: {
	        name: {          
	        	minlength: 3,
	            required: true
	          
	        },
	        email: {          
	            required: true,
	            email:true
	        },
	        date: {          
	            required: true
	        },
	        telephone: {       
	            required: true,
	            number:true
	        }
	    },
	    highlight: function(element) {
	        $(element).closest('.form-group').addClass('has-error');
	    },
	    unhighlight: function(element) {
	        $(element).closest('.form-group').removeClass('has-error');
	    },
	    errorElement: 'span',
	    errorClass: 'help-block text-left',
	    errorPlacement: function(error, element) {
	        if(element.parent('.input-group').length) {
	            error.insertAfter(element.parent());
	        } else {
	            error.insertAfter(element);
	        }
	    }
	});
		

});

</script>
<div class="main  container">
	
	<div class="row">
		<div class="wrapCenter">
			<div class="col-xs-6">
			<div class="contentCenter">
			<div >
			<h4>OPEN VAN 10U TOT 21U<br> 7 DAGEN PER WEEK</h4>
			</div>
			<div class="info">
				<i class="glyphicon glyphicon-phone-alt"></i><?=nbs(2)?>02-7349602 <?=nbs(5)?><i class="glyphicon glyphicon-phone"></i><?=nbs(2)?>0483-259305
				<br>
				<i class="glyphicon glyphicon-envelope"></i><?=nbs(2)?><a href="mailto:info@massage-chinois-coquelicot.be">info@massage-chinois-coquelicot.be</a>
				<br>
				<i class="glyphicon glyphicon-map-marker"></i><?=nbs(2)?>184, Jachtlaan <br><?=nbs(6)?>1040-Brussel (Etterbeek)  
			</div>
			
				
				
				<div class="maps">
				<h4>Locatie</h4>
				<?php echo $map['html']; ?>
				</div>
				
			</div>
			</div>
			
			<div class="col-xs-6">
				<div class="contentCenter">
				<h4>RESERVERING</h4>
				<br>
					<form action="<?=site_url()?>contact/sendEmail" role="form" method="post">
						<div class="form-group">
							<label>NAAM *</label>
							<input class="form-control" name="name" value="" type="text" placeholder="Naam">
						</div>
						<div class="form-group">
							<label>EMAIL *</label>
							<input class="form-control" name="email" value="" type="text" placeholder="Email">
						</div>
						<div class="form-group">
							<label>TELEFOONNUMMER *</label>
							<input class="form-control" name="telephone" value="" type="text" placeholder="Telefoonnummer eg: 02 1234567">
						</div>
						<div class="form-group" id="datepicker">
							<label>DATUM *</label>
							<div class="input-group date" id="date" data-date="<?=date('d-m-Y')?>" data-date-format="dd-mm-yyyy">
  								<span class="input-group-btn add-on" > 
 					    		<button class="btn btn-default" type="button"><i class="glyphicon glyphicon-calendar"></i></button>
  								</span>
  								<input class="form-control span2" size="16" type="text"  id="year" value="" name="date" readonly>
  								<span class="input-group-btn add-on"> 
  								<button class="btn btn-danger " type="button" onclick="clearDate()"><i class="glyphicon glyphicon-remove"></i></button>
  								</span>
							</div>
						</div>
						<div class="form-group">
							<label>BERICHT</label><br>
							<textarea rows="5" class="form-control" name="msg" ></textarea>
						</div>
						<p class="text-right">* VERPLICHT VELD</p> 
						<p class="text-center">Wij zullen uw reservering zo spoedig mogelijk bevestigen</p>
						<input name="lang" value="dutch" type="hidden">
						<button type="submit" class="btn btn-danger pull-right">STUUR</button>
						<div class="clearfix"></div>
					</form>
					
				</div>
			
			</div>
			<div class="clearfix"></div>
		</div>
	</div>

</div>

		